<template>
    <Jmodal2 :visible="true"
             title="警力详情"
             :left="left" :top="top" width="300" @cancel="cancelP"
             ref="jmodal2"
    >
        <div>
            <div><span class="opacity08 detailLabel">姓名：</span><span>{{data.policeName}}</span></div>
            <div><span class="opacity08 detailLabel">所属大队：</span><span>{{data.dept}}</span></div>
            <div><span class="opacity08 detailLabel">所属中队：</span><span>{{data.deptshortname}}</span></div>
            <div><span class="opacity08 detailLabel">岗位名称：</span><span>{{data.postName}}</span></div>
            <div><span class="opacity08 detailLabel">岗位时段：</span><span>{{data.startTime}}-{{data.endTime}}</span></div>


            <div class="mt-10 pt-10 text-right">
                <a-button type="primary" size="small" class="mr-14" @click="trackPlayback1">
                    轨迹回放
                </a-button>
            </div>
        </div>
    </Jmodal2>
</template>

<script>
    import Jmodal2 from "@/components/jmodal2.vue";

    export default {
        name: "policeInforDetail",
        components: {Jmodal2},
        data() {
            return {
                data: {},
                left: 500,
                top: 100,
            }
        },
        methods: {
            cancelP() {
                this.$refs.jmodal2.removeMoveListener();
                this.$destroy();
                document.getElementById('mapInforDetailBox').removeChild(this.$el)
            },

            trackPlayback1(){
                this.trackPlayback();
                this.cancelP();
            },
            trackPlayback(){}
        }, mounted() {
            this.$refs.jmodal2.addMoveListener()
        }
    }
</script>

<style scoped>

</style>
